@extends('layouts.app')

@section('content')
    <div class="financial-services-page">
        <div class="policy-service-banner">
            <img src="{{ asset('images/financial-services/banner.png') }}" alt="">
        </div>

        <div class="policy-service-content">
            <div class="policy-service-actions">
                <div class="policy-service-type-list">
                    <span>
                        <a href="{{ route('financial.index') }}" class="policy-service-type-item item-active">金融新闻</a>
                        <a href="{{ route('financial.guide') }}" class="policy-service-type-item">投资指南</a>
                        {{-- <a href="/" class="policy-service-type-item">金融机构</a> --}}
                    </span>
                </div>
            </div>

            <div class="policy-service-list">
                @foreach ($news as $new)
                <div class="policy-service-item">
                    <a href="{{ route('financial.show', [$new['id']]) }}">
                        <img src="{{ asset($new['cover']) }}" alt="" class="flex-shrink-0">
                        <div class="policy-item-info">
                            <p>{{ $new['title'] }}</p>
                            <p class="time">{{ $new['updated_at'] }}</p>
                        </div>
                    </a>
                </div>
                @endforeach
            </div>
        </div>

        <div class="financial-institutions">
            <div class="title">
                <span class="text">金融机构</span>
            </div>

            <div class="institutions-pannel mt-10 pb-10 flex-col">
                <div class="institutions-list pb-5 flex justify-between">
                    <div class="institutions-item">
                        <a href="/">
                            <img src="{{ asset('images/financial-services/06.png') }}" alt="">
                        </a>
                    </div>
                    <div class="institutions-item">
                        <a href="/">
                            <img src="{{ asset('images/financial-services/07.png') }}" alt="">
                        </a>
                    </div>
                    <div class="institutions-item">
                        <a href="/">
                            <img src="{{ asset('images/financial-services/08.png') }}" alt="">
                        </a>
                    </div>
                    <div class="institutions-item">
                        <a href="/">
                            <img src="{{ asset('images/financial-services/09.png') }}" alt="">
                        </a>
                    </div>
                    <div class="institutions-item">
                        <a href="/">
                            <img src="{{ asset('images/financial-services/10.png') }}" alt="">
                        </a>
                    </div>
                </div>
                <div class="institutions-list pb-5 flex justify-between">
                    <div class="institutions-item">
                        <a href="/">
                            <img src="{{ asset('images/financial-services/11.png') }}" alt="">
                        </a>
                    </div>
                    <div class="institutions-item">
                        <a href="/">
                            <img src="{{ asset('images/financial-services/12.png') }}" alt="">
                        </a>
                    </div>
                    <div class="institutions-item">
                        <a href="/">
                            <img src="{{ asset('images/financial-services/13.png') }}" alt="">
                        </a>
                    </div>
                    <div class="institutions-item">
                        <a href="/">
                            <img src="{{ asset('images/financial-services/14.png') }}" alt="">
                        </a>
                    </div>
                    <div class="institutions-item">
                        <a href="/">
                            <img src="{{ asset('images/financial-services/15.png') }}" alt="">
                        </a>
                    </div>
                </div>
                <div class="institutions-list pb-5 flex justify-between">
                    <div class="institutions-item">
                        <a href="/">
                            <img src="{{ asset('images/financial-services/16.png') }}" alt="">
                        </a>
                    </div>
                    <div class="institutions-item">
                        <a href="/">
                            <img src="{{ asset('images/financial-services/17.png') }}" alt="">
                        </a>
                    </div>
                    <div class="institutions-item">
                        <a href="/">
                            <img src="{{ asset('images/financial-services/18.png') }}" alt="">
                        </a>
                    </div>
                    <div class="institutions-item">
                        <a href="/">
                            <img src="{{ asset('images/financial-services/19.png') }}" alt="">
                        </a>
                    </div>
                    <div class="institutions-item">
                        <a href="/">
                            <img src="{{ asset('images/financial-services/20.png') }}" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop
